<template>
  <div>
      <div class="left-wrap">
        <div class="leftmenu-wrap"><leftmenu ></leftmenu></div>
      </div>
      <div class="left-wrap"><div class="score-wrap"><score></score></div>
    </div>
    <div class="is_img"><img :src="require('@/assets/images/left_logo.png')" alt=""></div>
  </div>
</template>

<script>
import leftmenu from './leftmenu.vue'
import score from './score.vue'
import { mapState } from 'vuex'
export default {
  name: "suggest",
  components:{leftmenu,score},
  computed: {
    ...mapState({
        device: state => state.app.device,
    })
  },
  data() {
      return {
          version: "3.8.9"
      };
  },
  methods: {

  }
};
</script>

<style scoped lang="scss">
.left-wrap{
  background-color: #fff;
  border-radius: 12px;
  .leftmenu-wrap{
  }
  .score-wrap{
    margin-top: 20px;
  }
}
.is_img {
  width: 100%;
  margin-top: 16px
}

.is_img img {
  width: 100%
}

.is_img1 {
  width: 250px;
  height: 180px
}

.is_img1 img {
  width: 100%;
  height: 100%
}
</style>
